.continue-as-user {
	display: flex;
	animation: 1s appear 0s ease-in;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: var( --color-text-subtle );
	font-size: $font-body-small;
	text-align: center;

	.continue-as-user__gravatar-link {
		font-weight: 600;
		color: var( --color-text );
	}

	.continue-as-user__gravatar {
		border: 1px solid #a7aaad;
	}

	& > a.button {
		margin: 20px 0;
	}

	.continue-as-user__change-user-link {
		color: var( --color-link );
		cursor: pointer;

		&:hover,
		&:focus,
		&:active {
			color: var( --color-link-dark );
		}
	}
}
